<template>
	<view>
		<!-- 预算外追加审核 -->
		<view class="head_tb">
			<u-tabs :activeStyle="{
						 fontSize:'32rpx',
						 color: '#007aff'
			         }" :inactiveStyle="{
						 fontSize:'30rpx'
			         }" :scrollable='false' :lineWidth='40' itemStyle='height:80rpx;width:33%' :list="list1"
				@click="checkbtn"></u-tabs>
		</view>

		<!-- 基本信息 -->
		<view class="msp">
			<CellChild :addlist='addlist' :rows ='rows' title='基本信息' :fileNo = 'fileNo'  id='add_one'>
			</CellChild>
		</view>
		<!-- 结余明细 -->
		<view class="formcard" id="add_two" v-if="!!useAmtList">
			<view class="bodtitle">
				<p><b>节余明细</b></p>
			</view>
			<view v-for="(r,index) in useAmtList" :key="index">
				<Expandlist :cellshows='cellshow' :arrcell = 'r' :celllist='celllist' :title='r.subdeptId + r.subdeptNm' >
				</Expandlist>
			</view>
		</view>

		<!-- 预算明细 -->
		<view class="formcard" id="add_three">
			<view class="bodtitle">
				<p><b>预算明细</b></p>
			</view>
			<view v-for="(r,index) in arrlist1">
				<Expandlist :cellshows='cellshow'  :arrcell = 'r' :celllist='celllist1' :title='r.budgetNo'>
					<!-- <template #text>
						<p class='solts'><label class="solts_label">￥</label><span class="solts_span">{{r.initAmt}}</span></p>
					</template> -->
				</Expandlist>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		components: {
		},
		data() {
			return {
				list1: [{
						name: '基本信息'
					},
					{
						name: '节余明细'
					},
					{
						name: '预算明细'
					},
				],
				addlist: [{
						tit: '单据编号',
						val: 'addiNo'
					},
					{
						tit: '申请人',
						val: 'userName	'
					},
					{
						tit: '工号',
						val: 'creator'
					},
					{
						tit: '预算科室',
						val: 'orgCode'
					},
					{
						tit: '追加总额',
						val: 'addiAmt',
						type:'number'
					},
					{
						tit: '单据状态',
						val: 'billStatusDesc'
					},
					{
						tit: '主题',
						val: 'subject'
					},
					{
						tit: '详细描述',
						val: 'addiReason'
					},
				],
				cellshow: false,
				celllist: [{
						tit: '预算年度',
						val: 'budgetYear'
					},
					{
						tit: '申购节余金额',
						val: 'applySavingsAmt',
						type:'number'
					},
					{
						tit: '申购使用节余',
						val: 'useSavAmt',
						type:'number'
					},
				],
				celllist1:[
					{tit: '预算年度',val: 'budgetYear'},
					{tit: '预算号',val: 'budgetNo'},
					{tit: '预算名称',val: 'budgetNm'},
					{tit: '追加月度',val: 'budgetMonth'},
					{tit: '月度预算',val: 'initAmt',	type:'number'},
					{tit: '可用金额',val: 'usableAmt',type:'number'},
					{tit: '追加金额',val: 'addiAmt',type:'number'},
					{tit: '追加后可用金额',val: 'afterAddiAmt',type:'number'},
				],
				rows:[],
				//节余明细
				useAmtList:[],
				//费用明细
				arrlist1:[],
				//附件信息
				fileNo:[]
			}
		},
		onLoad() {
			//获取流程页面的流程上下文[实用的流程信息从这里获取]
			 let billNo= window.parent.myvm.wfContext.BusinessKey;
			 this.fileNo = window.parent.myvm.wfContext.BusinessKey;
			 this.getlist(billNo)
		},
		created() {
			if(!!this.useAmtList){
				this.list1.splice(1,1)
			}
		},
		mounted() {
			var that = this;
			window.myvm = that;
			window.$urlFormVue = that;
		},
		methods: {
			//审批和驳回-工作流点击"提交"时触发此函数，返回:空字符串:工作流继续提交，返回"具体错误信息":工作流不提交
			rejectWorkflow(btnDef) {
				return "";
			},
			//作废-工作流点击"作废"时触发此函数，返回:空字符串:工作流继续提交，返回"具体错误信息":工作流不提交
			//content为作废意见
			invalidWorkflow(content) {
				return "";
			},
			//转办-工作流点击"确认转办"时触发此函数，返回:空字符串:工作流继续提交，返回"具体错误信息":工作流不提交
			//opinion:转办意见
			referredWorkflow(opinion) {
				return "";
			},
			//校验-工作流点击"提交"时触校验函数，返回:true校验通过，false校验不通过；
			//也可以返回具体的错误信息：空字符串，校验通过，返回具体错误信息校验不通过，同时弹出具体的错误信息。
			validateWorkflowForm(btnDef,callback) {
				callback("");
			},
			//提交单据
			sendWorkflow(btnDef, callback) {
				callback("");
			},
			getlist(addiNo){
				let _this = this
				const params ={
					addiNo
				}
				_this.$lyRequest.get('/gateway/budget/mp/dbsap/budget/addim/queryAddim.do',
					params
				).then((result)=>{
					if(result.success){
						this.rows = result.data.rows
						this.useAmtList = result.data.rows.useAmtList
						this.arrlist1 = result.data.rows.addidEntityList
					}else{
						console.log(result.data.msg)
					}
				})
			},
			checkbtn(item) { //切换tabs
				if (item.name == '基本信息') {
					this.commonApi.goAnchor('add_one')
				} else if (item.name == '节余明细') {
					this.commonApi.goAnchor('add_two')
				} else if (item.name == '预算明细') {
					this.commonApi.goAnchor('add_three')
				}
			},
		}
	}
</script>

<style scoped lang="scss">
	view {
		font-family: pf;
	}
	.bodtitle {
		padding-left: 20rpx;
	}

	.bodcolor {
		span {
			color: #ff6400;
			font-size: 36rpx;
			font-weight: bold;
			padding-right: 0rpx;
		}

		label {
			color: #ff6400;
			font-weight: bold;
			font-size: 24rpx;
		}
	}

	.bottom_setup {
		width: 100%;
		height: 160rpx;
		background-color: white;
		margin-top: 20rpx;
		padding: 35rpx 0;
		box-sizing: border-box;
		box-shadow: 5px -10rpx 5px 0px rgba(225, 225, 225, .4), ;

		.bottom_white1 {
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: space-between;
			height: 100rpx;

			.custom-styles {
				padding: 20rpx 30rpx;
				width: 300rpx;
				height: 100rpx;
			}

			.custom-style {
				padding: 20rpx 30rpx;
				width: 300rpx;
				height: 100rpx;
				background-color: #007aff;
			}
		}
	}
	.bod_cost{
		p{
			color: #33d40a;
			// padding-right: 30rpx;
		}
		.bus{
			p{
				color: #666666;
			}
		}
	}
</style>
